<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情页</title>
    <link rel="stylesheet" href="common.css">
    <link rel="stylesheet" href="商品详情页.css">
</head>
<body>
    <section class="shortcut">

        <div class="w">
            <!-- 登录注册 -->
            <div class="fl">
                品优购欢迎您！ 请<a href="登录.html" style="color:blue">登录</a>或 &nbsp;
                <a href="注册.html" class="zc" target="_blank">免费注册</a>
            </div>
            <div class="fr">
                <p><a href="提交订单.html">我的订单</a></p>
                <span>|</span>
                <ul>
                    <li>我的品优购<i class="iconfont">&#xe631;</i></li>

                    <li>我的品优购</li>
                    <li>我的品优购</li>
                </ul>
                <span>|</span>
                <p>品优购会员</p>
                <span>|</span>
                <p>企业采购</p>
                <span>|</span>
                <ul>
                    <li>关注品优购<i class="iconfont">&#xe631;</i></li>
                    <li>关注品优购</li>
                    <li>关注品优购</li>
                </ul>
                <span>|</span>
                <ul>
                    <li>客户服务<i class="iconfont">&#xe631;</i></li>
                    <li>客户服务</li>
                    <li>客户服务</li>
                </ul>
                <span>|</span>
                <ul>
                    <li>网站导航<i class="iconfont">&#xe631;</i></li>
                    <li>网站导航</li>
                    <li>网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <div class="header">
        <a href="主页面.html" ><img src="images/logo.png" alt=""></a>
        <div class="search">
            <input type="search" placeholder="搜索内容">
            <button>搜索</button>
        </div>
        <div class="car">
            <a href="购物车结算.html" target="_blank">
                <img src="images/购物车.png" alt="" class="gwc">
                我的购物车
                <i class="iconfont">&#xe630;</i>
            </a>
                
            <img src="images/购物数量.png" alt="" class="gwsl">
        </div>
        <div class="hotwords">
            <a href="">优惠购首发</a>
            <a href="">亿元优惠</a>
            <a href="">9.9元团购</a>
            <a href="">美满99减30</a>
            <a href="">办公用品</a>
            <a href="">电脑</a>
            <a href="">通信</a>
        </div>
    </div>
    <div class="nav">
        <span>全部商品分类</span>
        <a href="">服装城</a>
        <a href="">美妆馆</a>
        <a href="">品优超市</a>
        <a href="">全球购</a>
        <a href="">闪购</a>
        <a href="">团购</a>
        <a href="">拍卖</a>
        <a href="">有趣</a>
    </div>
    <div class="header-one">
        <div class="path">
            <a href="">手机、数码、通讯</a>
            <i class="iconfont">&#xe604;</i>
            <a href="">手机</a>
            <i class="iconfont">&#xe604;</i>
            <a href="">Apple苹果</a>
            <i class="iconfont">&#xe604;</i>
            <a href="">iphone 6S系类</a>
        </div>
        <div class="big-left">
            <div class="img-box">
                <img src="images/苹果手机.png" alt="">
            </div>
            <div class="img-lbox">
                <a href=""><i class="iconfont">&#xe603;</i></a>
                <span><a href=""><img src="images/正面.png" alt=""></a></span>
                <span><a href=""><img src="images/侧面.png" alt=""></a></span>
                <span><a href=""><img src="images/斜面1.png" alt=""></a></span>
                <span><a href=""><img src="images/斜面2.png" alt=""></a></span>
                <span><a href=""><img src="images/背面.png" alt=""></a></span>
                <a href=""><i class="iconfont">&#xe604;</i></a>
            </div>
            <div class="spbh">
                <span>商品编号0468254466</span>
                <span><a href=""><img src="images/分享.png"> 分享</a></span>
                <span><a href=""><img src="images/关注.png"> 关注5000</a></span>
                <span><input type="checkbox"> 对比</span>
            </div>
        </div>
        <div class="big-right">
            <p>Apple iPhone 6s（A1700）64G玫瑰金色 移动通信电信4G手机</p>
            <div class="jgxq">
                <div class="xq1">
                    <i>价&emsp;&emsp;格</i>
                    <i>￥</i>
                    <em>5299.00</em>
                    <i>降价通知</i>
                    <span>累计评价612188</span>
                </div>
                <div class="xq2">
                    <i>促&emsp;&emsp;销</i>
                    <div class="jgms">
                        <i>
                            <span>加价购</span>
                            满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，
                            即可在购物车换购热销商品 
                            <a href="">详情 》</a>
                        </i>
                        
                    </div>
                </div>
            </div>
            <div class="zcps">
                <div class="zc"> 
                    <i>支&emsp;&emsp;持</i>
                    <i>以旧换新，闲置手机回收 4G套餐超值抢 礼品购</i>
                </div>
                <div class="ps"> 
                    <i>配&ensp;送&ensp;至</i>
                    <i>北京海淀区中关&emsp;有货&emsp;支持99元免运费&emsp;|货到付款&emsp;|211限时达</i>
                    <p>由自营发货，并提供售后服务。11:00前完成下单，预计<i>今天（08月10日）送达</i></p>
                </div>
            </div>
            <div class="shezhi">
                <div class="ys">
                    <i>选择颜色</i>
                    <a href=""><span>金色</span></a>
                    <a href=""><span>银色</span></a>
                    <a href=""><span>黑色</span></a>
                    <a href=""><span>玫瑰金</span></a>
                </div>
                <div class="bb">
                    <i>选择版本</i>
                    <a href=""><span>公开版</span></a>
                    <a href=""><span>移动4G</span></a>
                </div>
                <div class="nc">
                    <i>内存容量</i>
                    <a href=""><span>16G</span></a>
                    <a href=""><span>64G</span></a>
                    <a href=""><span>128G</span></a>
                </div>
                <div class="gm">
                    <i>购买方式</i>
                    <a href=""><span>官方标配</span></a>
                    <a href=""><span>移动优惠购</span></a>
                    <a href=""><span>电信优惠购</span></a>
                </div>
                <div class="tg">
                    <i>套&emsp;&emsp;装</i>
                    <a href=""><span>保护套装</span></a>
                    <a href=""><span>充电套装</span></a>
                </div>
            </div>
            <div class="jrsl">
                <input class="sl" type="text" value="1" minn>
                <div class="jj">
                    <div class="jia">
                       <a href="">+</a>
                    </div>
                    <div class="jian">
                        <a href="">-</a>
                    </div>
                </div>
                <div class="gwcc">
                    <a href=""><i>加入购物车</i></a>
                </div>
            </div>
        </div>
    </div>
    <div class="foot-one">
        <div class="foot-left">
            <div class="left-head">
                <span class="fl">相关分类</span>
                <a href=""><span>推荐品牌</span></a>
            </div>
            <div class="left-one">
                <ul class="sjlb">
                        <li>手机</li>
                        <li>手机壳</li>
                        <li>内存卡</li>
                        <li>Iphone配件</li>
                        <li>贴膜</li>
                        <li>手机耳机</li>
                        <li>移动电源</li>
                        <li>平板电脑</li>
                </ul>
                <ul class="pg">
                    <li><img src="images/充电宝1.png" alt=""></li>
                    <li>羽博 10000mah 双USB Y7移动电源</li>
                    <li>￥49</li>
                    <a href=""><li>加入购物车</li></a>
                </ul>
                <ul class="pg">
                    <li><img src="images/钢化膜.png" alt=""></li>
                    <li>蓝孩 苹果iPhone6s 抗蓝光防爆钢化膜</li>
                    <li>￥19</li>
                    <a href=""><li>加入购物车</li></a>
                </ul>
                <ul class="pg">
                    <li><img src="images/充电宝2.png" alt=""></li>
                    <li>半岛铁盒 移动电源Q1 5000mAh</li>
                    <li>￥29</li>
                    <a href=""><li>加入购物车</li></a>
                </ul>
            </div>
        </div>
        <div class="foot-right">
            <ul class="right-head"> 
                <a href=""><li class="js">商品介绍</li></a>
                <a href=""><li>规格与包装</li></a>
                <a href=""><li>售后保障</li></a>
                <a href=""><li>商品评价</li></a>
            </ul>
            <ul class="right-one">
                分辨率：1920*1080(FHD)
                <li>后置摄像头：1200万像素</li>
                <li>前置摄像头：500万像素</li>
                <li>核 数：其他</li>
                <li>频 率：以官网信息为准</li>
                <li>品牌： Apple</li>
                <li>商品名称：APPLEiPhone 6s Plus</li>
                <li>商品编号：1861098</li>
                <li>商品毛重：0.51kg</li>
                <li>商品产地：中国大陆</li>
                <li>热点：指纹识别，Apple Pay，金属机身，拍照神器</li>
                <li>系统：苹果（IOS）</li>
                <li>像素：1000-1600万</li>
                <li>机身内存：64GB</li>
            </ul>
            <div class="right-two">
                <img src="images/手机背景图.png" alt="">
                <img src="images/手机背景图.png" alt="">
                <img src="images/手机背景图.png" alt="">
            </div>
        </div>
    </div>
    <footer>
        <div class="footer">
            <div class="up">
                <span>                   
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
                <span>
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
                <span>
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
                <span>
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
            </div>
            <div class="down">
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl class="last">
                    <dt><a href="#">帮助中心</a></dt>
                    <img src="images/二维码.png" alt="">
                    <dd><a href="#">品优购客户端</a></dd>
                </dl>
            </div>
            <div class="btup">
                <p><a href="#">关于我们</a></p>
                <p>|</p>
                <p><a href="#">联系我们</a></p>
                <p>|</p>
                <p><a href="#">联系客服</a></p>
                <p>|</p>
                <p><a href="#">商家入驻</a></p>
                <p>|</p>
                <p><a href="#">营销中心</a></p>
                <p>|</p>
                <p><a href="#">手机品优购</a></p>
                <p>|</p>
                <p><a href="#">友情链接</a></p>
                <p>|</p>
                <p><a href="#">销售联盟</a></p>
                <p>|</p>
                <p><a href="#">品优购社区</a></p>
                <p>|</p>
                <p><a href="#">品优购公益</a></p>
                <p>|</p>
                <p><a href="#">English Site</a></p>
                <p>|</p>
                <p><a href="#">Contact U</a></p>
            </div>
            <div class="btdw">
                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br>
                京ICP备08001421号京公网安备110108007702
            </div>
    </footer>
</body>
</html>